<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>jsx小练习</title>
		<script src="../js/react.development.js"></script>
		<script src="../js/react-dom.development.js"></script>
		<script src="../js/babel.min.js"></script>
	</head>
	<body>
		<div id="test"></div>

	</body>
	<script type="text/babel">
		const  data =['React','Angular','Vue'];
		const VDOM = (
			<div>
				<h1>前端JavaScript框架列表</h1>
				<ul>
					{
						data.map((item,index)=>{
							return <li key={index}>{item}</li>
						})
					}
				</ul>
			</div>
		)
		ReactDOM.render(VDOM,document.getElementById('test'))
	</script>
</html>
